<template>
  <div>{{ num }}</div>
</template>

<script setup>
// 一旦使用了 script setup 这种写法，数据默认是关闭的，外界不能访问
import { ref } from 'vue'
const num = ref(1)
const changeNum = (n) => {
  num.value += n
}
// 需要通过 defineExpose 暴露出去
defineExpose({
  num,
  changeNum,
})
</script>
